import { useState, useEffect } from "react";
const List = () => {
    const [list, setList] = useState([]);
    useEffect(() => {
        const arrs = new Array(20000).fill(1000);
        setList((list) => (list = [...arrs]));
    }, []);
    return (
        <>
            <ul className='list-group'>
                {list.map((item, index) => (
                    <li className='list-group-item' key={index}>
                        {item}
                    </li>
                ))}
            </ul>
        </>
    );
};

export default List;
